$(function () {

    //隐藏结果展示页面
    $(".show_result").hide()
    //单击启动图片文件上传
    $(".content_btn").click(function () {
        $(".file_input").trigger("click");
    })
    //是图片框加载为上传的图片
    $(".file_input").bind("change", function () {
        //拿到文件
        var img = this.files[0];
        $(".prev_photo").attr({"src": URL.createObjectURL(img)});
    })

    //点击传送数据到后台
    $(".btn").bind("click", function () {
        var form = $(".form")[0];
        var formData = new FormData(form);

        $.ajax({
            url: "ocr?action=imageOcr",
            type: "post",
            data: formData,
            dataType: "json",
            processData: false,
            contentType: false,
            success: function (data) {
                var content = "";
                for (let i = 0; i < data.words_result.length ; i++) {
                    content += data.words_result[i].words;
                }
                $("#content").html(content)
                console.log(data)
                console.log("成功")
                $(".show_result").show()
            },
            error: function (data) {
                console.log("失败")
            }
        })
    })
})